//
// Wireframes Styling
//
// Add wireframes to the basic layout elements.
//

@import "base";


.with-wireframes {
  #header,
  #content,
  #navigation,
  .region-sidebar-first,
  .region-sidebar-second,
  #footer,
  .region-bottom {
    outline: 1px solid #ccc;

    // IE6/7 do not support the outline property.
    @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
      .ie6-7 & {
        border: 1px solid #ccc;
      }
    }
  }
}
